<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String url = request.getRequestURL().toString();
	url = url.substring(0, url.indexOf('/', url.indexOf("//") + 2));
	String context = request.getContextPath();
	url += context;
	application.setAttribute("ctx", url);
	String msg = "";
	if(request.getAttribute("msg")!=null){
	    msg =request.getAttribute("msg").toString();
	}
	application.setAttribute("msg", msg);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>国家信息管理系统</title>
<link href="${ctx}/css/Login/login.css" rel="stylesheet" />
<link href="${ctx}/css/Login/normalize.css" rel="stylesheet" />
<link href="${ctx}/css/Login/style.css" rel="stylesheet" />
<!--[if lt IE 9]>
<script src="${ctx}/javascript/Login/html5shiv.js"></script>
<script src="${ctx}/javascript/Login/respond.min.js"></script>
<![endif]-->
</head>
<body>
	<div class="phoenix-slider">
        <div class="phoenix-feather"> <img src="${ctx}/css/images/login/1.jpg" alt="" /> </div>
        <!-- END ash -->
        <div class="phoenix-feather"> <img src="${ctx}/css/images/login/2.jpg" alt="" /> </div>
        <!-- END ash -->
        <div class="phoenix-feather"> <img src="${ctx}/css/images/login/3.jpg" alt="" /> </div>
        <!-- END ash -->
        <div class="phoenix-feather"> <img src="${ctx}/css/images/login/4.jpg" alt="" /> </div>
        <!-- END ash -->
        
        <div class="phoenix-feather"> <img src="${ctx}/css/images/login/5.jpg" alt="" /> </div>
        <!-- END ash -->
        <div class="phoenix-feather"> <img src="${ctx}/css/images/login/6.jpg" alt="" /> </div>
        <!-- END ash -->
    </div>
    <div class="login">
    <form action="${ctx}/checkLogin.do" method="post">
        <h1>登    陆</h1>
        <input type="text" name="username" placeholder = "用户名" value="001" ><br>
		<input type="password" name="password" placeholder = "密码" value="123456" id= "login"><br>
        <button type="submit" class="btn btn-primary btn-block btn-large" >登录</button>  
    </form>
    </div>
    <!-- END phoenix-slider -->
    <script src="${ctx}/javascript/Login/jquery-1.11.1.min.js"></script>
    <script src="${ctx}/javascript/Login/jquery.mobile.touchsupport.js"></script>
    <script src="${ctx}/javascript/Login/jquery.phoenix.js"></script>
    <script src="${ctx}/javascript/H-js/layer.js"></script>
    <script>
        $(function () {
            $(document).ready(function () {
                $('.phoenix-slider').phoenix({
                    fullscreen: true,
                    height: '85%'
                });
	            var msg = "${msg }";
	            if(msg.length>1){
	            	layer.tips(msg, '#login', {
	            		  tips: [1, '#009688'],
	            		  time: 2000
	            		});
	            }
            });
        });
        if (window.top!=window.self){
        	parent.location.reload();
        }
    </script>
	
</body>
</html>